<form>
  <mat-card>
    <mat-card-header>
      <mat-card-title>注册</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <mat-form-field class="full-width">
        <input type="text" matInput placeholder="您的Email">
      </mat-form-field>
      <mat-form-field class="full-width">
        <input type="text" matInput placeholder="您的姓名">
      </mat-form-field>
      <mat-form-field class="full-width">
        <input type="password" matInput placeholder="您的密码">
      </mat-form-field>
      <mat-form-field class="full-width">
        <input type="password" matInput placeholder="重复输入密码">
      </mat-form-field>
      <mat-grid-list cols="6">
        <mat-grid-tile *ngFor="let item of items">
          <mat-icon class="avatar" [svgIcon]="item"></mat-icon>
        </mat-grid-tile>
      </mat-grid-list>
      <button mat-raised-button type="button" color="accent">注册</button>
    </mat-card-content>
    <mat-card-actions class="text-right">
      <p>已有帐号<a href="">登录</a></p>
      <p>忘记密码？<a href="">找回</a></p>
    </mat-card-actions>
  </mat-card>
</form>
